<!--
 * @Author: 噜噜噜 1163376226@qq.com
 * @Date: 2025-03-27 15:54:16
 * @LastEditors: 噜噜噜 1163376226@qq.com
 * @LastEditTime: 2025-03-31 17:39:51
 * @FilePath: /auto/automation-project/add-module.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新增模块</title>
    <link rel="stylesheet" href="../css/style.css">
</head>

<body>
    <div class="container">
        <div class="sidebar">
            <h3>已有模块</h3>
            <ul id="moduleList"></ul>
        </div>
        <div class="main-content">
            <h1>新增模块</h1>
            <form id="addModuleForm">
                <div class="form-group">
                    <label for="moduleName">模块名称</label>
                    <input type="text" id="moduleName" name="moduleName" required>
                </div>
                <div class="form-group">
                    <label for="moduleDescription">模块描述</label>
                    <textarea id="moduleDescription" name="moduleDescription" rows="3"></textarea>
                </div>
                <button type="submit">提交</button>
            </form>
            <div id="moduleListContainer">
                <ul id="moduleList"></ul>
                <!-- 新增模板 -->
                <template id="moduleItemTemplate">
                    <li class="module-item" style="padding: 8px; border-bottom: 1px solid #eee;">
                        <span class="module-name"></span>
                    </li>
                </template>
                <template id="noDataTemplate">
                    <li class="no-data">暂无数据</li>
                </template>
            </div>
        </div>
        <script src="../js/apiConfig.js"></script>
        <script type="module" src="../js/app.js"></script>
        <script type="module" src="../js/module.js"></script>
</body>

</html>